function NavOverlay({ s, t, onClose, onNavigate }) { const { Logo, SocialIconRow, Icon } = window.SevcikMarketingDesignSystem_3203fa; const [hovered, setHovered] = React.useState(null); const today = new Date().toLocaleDateString(s.locale, { day: 'numeric', month: 'long', year: 'numeric' }); /* Articles first, then case studies that are actually written up; four at most, and the block hides itself when there is nothing to show. */ const stream = [ ...(s.posts || []).map((p) => ({ key: 'p' + p.id, meta: [p.date, p.read].filter(Boolean).join(' \u00b7 '), title: p.title, kicker: p.category, href: routeHref({ lang: s.htmlLang, screen: 'blog', slug: p.slug }) })), ...(s.cases || []).filter((c) => !c.soon).map((c) => ({ key: 'c' + c.id, meta: [t.caseStudyLabel || 'Case study', c.year].filter(Boolean).join(' \u00b7 '), title: c.title, kicker: c.category, href: routeHref({ lang: s.htmlLang, screen: 'cases', slug: c.slug }) })), ].slice(0, 4); return (

{today}
Brno

{/* Contact, socials and the close button read as one right-hand column. */}
{/* Two separate tap targets, not a run-on block: each gets its own line, room to breathe, and a hairline that only shows on touch. */}
{CONTACT.email} {CONTACT.phone}
{/* Latest first: articles and case studies in one stream, so the menu shows what's actually new instead of two decorative plates. */} {stream.length > 0 &&
{stream.map((it, i) => (
{it.meta}

{it.title}

{it.kicker}
 ))}
}
); } Object.assign(window, { NavOverlay });